.login {
  background-color: white;
  position: relative;
  width: 400px;
  height: 230px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  border: 1px solid rgb(231, 231, 231);
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.loginDiv {
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-image: url(../../images/brackground.jpg);
}

.el-form-item {
  width: 60%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 15px;
}

.button-submit {
  position: absolute;
  margin: -52px 0px 0px 330px;
}

.footer {
  width: 400px;
  margin-top: 39px;
  border-top: 1px solid rgb(231, 231, 231);
}

.otherLogin {
  margin: 20px 0px 0px 20px;
  float: left;
}

.registerButton {
  margin: 10px 20px 0px 20px;
  float: right;
}

.footer img {
  padding: 10px 10px 0px 0px;
}